<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="/css/layui.css"/>
		<script src="/js/layui.js"></script>
		
		<style>
			body{
				background-image: url("img/444.png");
				
			}
			
			div{
				/* border: 1px outset red; */
				background-image: url("img/222.png");
			}
			
			#div1{
				position: relative;
			}
			
			#div2{
				position: absolute;
				width: 300px;
				height: 400px;
				top: 120px;
				left: 330px;
			}
			
			#div3{
				width: 300px;
				height: 400px;
				position: absolute;
				top: 120px;
				right: 330px;
			}
			
			#aaa,#ccc{
				position: absolute;
				left: 32%;
				top: 21%;
				
			}
			
			span{
				position: absolute;
				bottom: 80px;
				font-size: 30px;
				left: 22%;
			}
		</style>
		
	</head>
	<body>
		<div id="div1">
			<div id="div2">
				<a href="/login.html">
					<p>
						<i id="aaa" class="layui-icon layui-icon-username" style="font-size: 100px; color: #1366a2;"></i> 
						<i id="bbb" class="layui-icon layui-icon-link" style="font-size: 30px; color: #1366a2;"></i> 
						<br>
						<span>普通用户登录</span>
					</p>
				</a>
			</div>
			<div id="div3">
				<a href="/loginAdmins.html">
					<p>
						<i id="ccc" class="layui-icon layui-icon-user" style="font-size: 100px; color: #e19670;"></i>
						<i id="ddd" class="layui-icon layui-icon-link" style="font-size: 30px; color: #e19670;"></i>
						<br>
						<span>管理员登录</span>
					</p>
				</a>
			</div>
		</div>
		
		
		
		
	</body>
</html>
